﻿@using TBM.Core
<!DOCTYPE html>
<!--[if IE 8]> <html lang="zh-cn" class="ie8 no-js"> <![endif]-->
<!--[if IE 9]> <html lang="zh-cn" class="ie9 no-js"> <![endif]-->
<!--[if !IE]><!-->
<html lang="zh-cn" class="no-js">
<!--<![endif]-->
<!-- BEGIN HEAD -->
<head>
    <meta charset="utf-8" />
    <title>@ViewBag.PageTitle - @Config.SiteName</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta content="width=device-width, initial-scale=1" name="viewport" />
    <meta content="" name="description" />
    <meta content="" name="author" />
    <!-- BEGIN GLOBAL MANDATORY STYLES -->
    <link href="~/assets/global/google/font.css" rel="stylesheet" type="text/css" />
    <link href="~/assets/global/plugins/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css" />
    <link href="~/assets/global/plugins/simple-line-icons/simple-line-icons.min.css" rel="stylesheet" type="text/css" />
    <link href="~/assets/global/plugins/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
    <link href="~/assets/global/plugins/uniform/css/uniform.default.css" rel="stylesheet" type="text/css" />
    <link href="~/assets/global/plugins/bootstrap-switch/css/bootstrap-switch.min.css" rel="stylesheet" type="text/css" />
	<link rel="stylesheet" type="text/css" href="~/assets/global/plugins/bootstrap-toastr/toastr.min.css"/>
    <!-- END GLOBAL MANDATORY STYLES -->
    @RenderSection("PageStyleFile", false)
    <!-- BEGIN THEME STYLES -->
    <!-- DOC: To use 'rounded corners' style just load 'components-rounded.css' stylesheet instead of 'components.css' in the below style tag -->
    <link href="~/assets/global/css/components.css" id="style_components" rel="stylesheet" type="text/css" />
    <link href="~/assets/global/css/plugins.css" rel="stylesheet" type="text/css" />
    <link href="~/assets/admin/layout2/css/layout.css" rel="stylesheet" type="text/css" />
    <link href="~/assets/admin/layout2/css/themes/grey.css" rel="stylesheet" type="text/css" id="style_color" />
    <link href="~/assets/admin/layout2/css/custom.css" rel="stylesheet" type="text/css" />
    <!-- END THEME STYLES -->
    <link rel="shortcut icon" href="favicon.ico" />
</head>
<!-- END HEAD -->
<!-- BEGIN BODY -->
<!-- DOC: Apply "page-header-fixed-mobile" and "page-footer-fixed-mobile" class to body element to force fixed header or footer in mobile devices -->
<!-- DOC: Apply "page-sidebar-closed" class to the body and "page-sidebar-menu-closed" class to the sidebar menu element to hide the sidebar by default -->
<!-- DOC: Apply "page-sidebar-hide" class to the body to make the sidebar completely hidden on toggle -->
<!-- DOC: Apply "page-sidebar-closed-hide-logo" class to the body element to make the logo hidden on sidebar toggle -->
<!-- DOC: Apply "page-sidebar-hide" class to body element to completely hide the sidebar on sidebar toggle -->
<!-- DOC: Apply "page-sidebar-fixed" class to have fixed sidebar -->
<!-- DOC: Apply "page-footer-fixed" class to the body element to have fixed footer -->
<!-- DOC: Apply "page-sidebar-reversed" class to put the sidebar on the right side -->
<!-- DOC: Apply "page-full-width" class to the body element to have full width page without the sidebar menu -->
<body class="page-sidebar-closed-hide-logo page-container-bg-solid page-sidebar-closed-hide-logo page-header-fixed">
	@Html.Partial("Header")
    <!-- END HEADER -->
    <div class="clearfix">
    </div>


    <!-- BEGIN CONTAINER -->
    <div class="page-container">
        <!-- BEGIN SIDEBAR -->
        <div class="page-sidebar-wrapper">
            <!-- DOC: Set data-auto-scroll="false" to disable the sidebar from auto scrolling/focusing -->
            <!-- DOC: Change data-auto-speed="200" to adjust the sub menu slide up/down speed -->
            <div class="page-sidebar navbar-collapse collapse">
                <!-- BEGIN SIDEBAR MENU -->
                @Html.Raw(ViewBag.MainMenu)
                <!-- END SIDEBAR MENU -->
            </div>
        </div>
        <!-- END SIDEBAR -->
        <!-- BEGIN CONTENT -->
        <div class="page-content-wrapper">
            <div class="page-content">
                <!-- BEGIN STYLE CUSTOMIZER -->
                <div class="theme-panel">
                    <div class="toggler tooltips" data-container="body" data-placement="left" data-html="true" data-original-title="点击展开风格定制面板">
                        <i class="icon-settings"></i>
                    </div>
                    <div class="toggler-close">
                        <i class="icon-close"></i>
                    </div>
                    <div class="theme-options">
                        <div class="theme-option theme-colors clearfix">
                            <span>网站风格 </span>
                            <ul>
                                <li class="color-default current tooltips" data-style="default" data-container="body" data-original-title="默认"></li>
                                <li class="color-grey tooltips" data-style="grey" data-container="body" data-original-title="灰色"></li>
                                <li class="color-blue tooltips" data-style="blue" data-container="body" data-original-title="蓝色"></li>
                                <li class="color-dark tooltips" data-style="dark" data-container="body" data-original-title="黑色"></li>
                                <li class="color-light tooltips" data-style="light" data-container="body" data-original-title="高亮"></li>
                            </ul>
                        </div>
                        <div class="theme-option">
                            <span>风格 </span>
                            <select class="layout-style-option form-control input-small">
                                <option value="square" selected="selected">直角</option>
                                <option value="rounded">圆角</option>
                            </select>
                        </div>
                        <div class="theme-option">
                            <span>布局 </span>
                            <select class="layout-option form-control input-small">
                                <option value="fluid" selected="selected">宽屏</option>
                                <option value="boxed">标准</option>
                            </select>
                        </div>
                        <div class="theme-option">
                            <span>头部 </span>
                            <select class="page-header-option form-control input-small">
                                <option value="fixed" selected="selected">固定</option>
                                <option value="default">默认</option>
                            </select>
                        </div>
                        <div class="theme-option">
                            <span>顶部下拉</span>
                            <select class="page-header-top-dropdown-style-option form-control input-small">
                                <option value="light" selected="selected">高亮</option>
                                <option value="dark">暗色</option>
                            </select>
                        </div>
                        <div class="theme-option">
                            <span>侧边栏</span>
                            <select class="sidebar-option form-control input-small">
                                <option value="fixed">固定</option>
                                <option value="default" selected="selected">默认</option>
                            </select>
                        </div>
                        <div class="theme-option">
                            <span>侧边栏样式</span>
                            <select class="sidebar-style-option form-control input-small">
                                <option value="default" selected="selected">默认</option>
                                <option value="compact">紧凑</option>
                            </select>
                        </div>
                        <div class="theme-option">
                            <span>侧边栏菜单 </span>
                            <select class="sidebar-menu-option form-control input-small">
                                <option value="accordion" selected="selected">点击展开</option>
                                <option value="hover">鼠标经过</option>
                            </select>
                        </div>
                        <div class="theme-option">
                            <span>侧边栏位置 </span>
                            <select class="sidebar-pos-option form-control input-small">
                                <option value="left" selected="selected">居左</option>
                                <option value="right">居右</option>
                            </select>
                        </div>
                        <div class="theme-option">
                            <span>底部 </span>
                            <select class="page-footer-option form-control input-small">
                                <option value="fixed">固定</option>
                                <option value="default" selected="selected">默认</option>
                            </select>
                        </div>
                    </div>
                </div>
                <!-- END STYLE CUSTOMIZER -->
                <!-- BEGIN PAGE HEADER-->
                <h3 class="page-title">@ViewBag.PageTitle <small>@ViewBag.PageSubTitle</small>
                </h3>
                <div class="page-bar">
                    @if (IsSectionDefined("PageBar"))
                    {
                        @RenderSection("PageBar")
                    }
                    else
                    {
                        @Html.Raw(ViewBag.PageBarNav)
                    }
                    @RenderSection("PageToolbar", false)
                </div>
                <!-- END PAGE HEADER-->
                <!-- BEGIN PAGE CONTENT-->
                <div class="row">
                    @RenderBody()
                </div>
                <!-- END PAGE CONTENT-->
            </div>
        </div>
        <!-- END CONTENT -->
        <!-- BEGIN QUICK SIDEBAR -->
        <!--Cooming Soon...-->
        <!-- END QUICK SIDEBAR -->
    </div>
    <!-- END CONTAINER -->
    <!-- BEGIN FOOTER -->
    <div class="page-footer">
        <div class="page-footer-inner">
            @Html.Raw(TBM.Core.Config.CopyRight)
        </div>
        <div class="scroll-to-top">
            <i class="icon-arrow-up"></i>
        </div>
    </div>
    <!-- END FOOTER -->
    <!-- END FOOTER -->
    <!-- BEGIN JAVASCRIPTS(Load javascripts at bottom, this will reduce page load time) -->
    <!-- BEGIN CORE PLUGINS -->
    <!--[if lt IE 9]>
<script src="~/assets/global/plugins/respond.min.js"></script>
<script src="~/assets/global/plugins/excanvas.min.js"></script> 
<![endif]-->
    <script src="~/assets/global/plugins/jquery.min.js" type="text/javascript"></script>
    <script src="~/assets/global/plugins/jquery-migrate.min.js" type="text/javascript"></script>
    <script src="~/assets/global/plugins/json2.js" type="text/javascript"></script>
    <!-- IMPORTANT! Load jquery-ui.min.js before bootstrap.min.js to fix bootstrap tooltip conflict with jquery ui tooltip -->
    <script src="~/assets/global/plugins/jquery-ui/jquery-ui.min.js" type="text/javascript"></script>
    <script src="~/assets/global/plugins/bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
    <script src="~/assets/global/plugins/bootstrap-hover-dropdown/bootstrap-hover-dropdown.min.js" type="text/javascript"></script>
    <script src="~/assets/global/plugins/jquery-slimscroll/jquery.slimscroll.min.js" type="text/javascript"></script>
    <script src="~/assets/global/plugins/jquery.blockui.min.js" type="text/javascript"></script>
    <script src="~/assets/global/plugins/jquery.cokie.min.js" type="text/javascript"></script>
    <script src="~/assets/global/plugins/uniform/jquery.uniform.min.js" type="text/javascript"></script>
    <script src="~/assets/global/plugins/bootstrap-switch/js/bootstrap-switch.min.js" type="text/javascript"></script>
	<script src="~/assets/global/plugins/bootstrap-toastr/toastr.min.js" type="text/javascript"></script>
    <script src="~/assets/scripts/functions.js" type="text/javascript"></script>
    <!-- END CORE PLUGINS -->
    @RenderSection("PageScriptFile", false)
    <script src="~/assets/global/scripts/metronic.js" type="text/javascript"></script>
    <script src="~/assets/admin/layout2/scripts/layout.js" type="text/javascript"></script>
    <script src="~/assets/admin/layout2/scripts/init.js" type="text/javascript"></script>

    <script type="text/ecmascript">
        jQuery(document).ready(function () {
            Metronic.init(); // init metronic core componets
            Layout.init(); // init layout
            InitSite.init();
        });
    </script>

    @RenderSection("PageScript", false)
</body>

<!-- END BODY -->
</html>
